﻿<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <title>浮动效果演示</title>
    <!--从左到右依次-->
</head>
<body>
    
    <header style="width:55%; background-color: orangered;text-align:center;display:block;margin-left:auto;">
        header
    </header>
    <article style="width:35%;background-color:cornflowerblue;height:200px;float:right;text-align:center;">
        <span style="line-height:200px">article</span>
    </article>
    <aside style="width:45%; background-color: cornflowerblue; height:300px;float:right;text-align:center;">
        <span style="line-height:300px">aside</span>
    </aside>

</body>
</html>